<!DOCTYPE html>
<html>
<head>
	<title>辅助类和响应工具</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
	<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<style type="text/css">
		.a{
			height:50px;
			border:1px solid #ccc;
			background-color:#eee;
		}
	</style>
</head>
<body style="margin:50px">

<p class="text-danger a">付小娟</p>
<p class="text-success a">付小娟</p>
<p class="text-muted a">付小娟</p>
<p class="text-info a">付小娟</p>
<p class="text-warning a">付小娟</p>
<p class="text-primary a">付小娟</p>
<p class="bg-danger ">付小娟</p>
<p class="bg-success ">付小娟</p>
<p class="bg-muted ">付小娟</p>
<p class="bg-info ">付小娟</p>
<p class="bg-warning ">付小娟</p>
<p class="bg-primary ">付小娟</p>
<button class="close">&times</button>


<script type="text/javascript" src="jquery/jquery-3.1.0.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</body>
</html>